{Common::css("supplier_style.css")}
{Common::css("supplier_pub.css")}
{Common::js("jquery.min.js")}
{Common::js("jquery.waypoints.min.js,jquery.countup.min.js,supplier_pub.js")}
{Common::js("layer/layer.js")}
<div class="supplier-timely-data">
    <div class="timely-data-content">
        <div class="supplier-main-title clearfix">
            <span class="title">实时概况</span>
            <span class="text">更新于：{date('Y-m-d H:i:s',$account['update_time'])}</span>
        </div>
        <div class="timely-data-box">
            <ul class="timely-data-list">
                <li>
                    <div class="data">
                        <div class="num" id="orderNum">{$account['pay_order']}</div>
                        <div class="tit">总支付订单数</div>
                    </div>
                </li>
                <li>
                    <div class="data">
                        <div class="num" id="payNum">{$account['pay_order_price']}</div>
                        <div class="tit">总支付金额</div>
                    </div>
                </li>
                <li>
                    <div class="data">
                        <div class="num" id="accountNum">{$account['account_price']}</div>
                        <div class="tit">总结算金额（含待结算）</div>
                    </div>
                </li>
            </ul>
        </div>
    </div>
    <a href="/supplier/pc/index/enterprise_info/" class="timely-data-side">
        <div class="company">
            <div class="name">{$supplier_shop['suppliername']}</div>
            <div class="business" title="{$supplier_shop['authorization']}">{$supplier_shop['authorization_name']}</div>
        </div>
        <div class="information">
            <dl>
                <dt>公司地址：</dt>
                <dd title="{$supplier_shop['address']}">{$supplier_shop['address']}</dd>
            </dl>
            <dl>
                <dt>联系电话：</dt>
                <dd>{$supplier_shop['telephone']}</dd>
            </dl>
        </div>
    </a>
</div>
<!-- 实时数据 -->

<div class="supplier-channel-data">
    <div class="supplier-main-title clearfix">
        <span class="title">渠道信息</span>
    </div>
    <div class="channel-data-box">
        <ul class="channel-data-list">
            {loop $channel $v}
            <li>
                <div class="title">{$v['title']}</div>
                <div class="content">
                    <dl>
                        <dt>已上架</dt>
                        <dd>{$v['number']['shelves_num']}</dd>
                    </dl>
                    <dl>
                        <dt>审核中</dt>
                        <dd>{$v['number']['audit_num']}</dd>
                    </dl>
                    <dl>
                        <dt>未上架</dt>
                        <dd>{$v['number']['the_shelves_num']}</dd>
                    </dl>
                </div>
            </li>
            {/loop}
        </ul>
    </div>
</div>
<!-- 渠道信息 -->

<div class="supplier-introduce-data">
    <div class="supplier-main-title clearfix">
        <span class="title">供应商系统</span>
        <span class="text">涉旅商家的产品供应、结算与核验系统。</span>
    </div>
    <div class="supplier-introduce-box">
        <ul class="supplier-introduce-list">
            <li>
                <div class="txt">旅游产品供应企业与平台签约后，（线下或在线签约），就可以将产品上架到系统。</div>
            </li>
            <li>
                <div class="txt">平台会根据双方协议，设置好与供应商的结算方式。<a href="javascript:;" class="up">展开</a></div>
                <div class="subs">
                    <div class="sub">（1）“按售价减平台佣金结算”（平台佣金支持销售额比例或固定金额两种），方便供应商自主调整销售价格。</div>
                    <div class="sub">（2）“按结算价结算，平台自主或按协议约定加价销售”，方便授权平台自主调整销售价格。</div>
                </div>
            </li>
            <li>
                <div class="txt">本供应商系统支持旅游产品分销到4种渠道进行分销售卖。（需要平台开通不同渠道系统）<a href="javascript:;" class="up">展开</a></div>
                <div class="subs">
                    <div class="sub">（1）平台游客端售卖；类似在京东开店，共享平台的游客资源。</div>
                    <div class="sub">（2）云店（私域流量）；供应商建了一个微信小程序、公众号进行销售，供应商用户与平台无关，不共享游客资源。</div>
                    <div class="sub">（3）同业渠道售卖；限制在旅游同行或签约渠道销售。封闭系统，不支持公开售卖。</div>
                    <div class="sub">（4）任意OTA平台售卖（默认为：需平台授权，可能收费）。供应商系统支持开放产品、库存、退单、结算等接口，分销到任意OTA平台进行销售。结算方式由第三方OTA平台与供应商签约决定，与平台无关。</div>
                </div>
            </li>

            <!--<li>-->
            <!--    <div class="txt">本供应商系统支持移动端订单核验。<a href="/plugins/supplier_check/pc/checkorder/my_check/" class="more">查看详情 ></a></div>-->
            <!--</li>-->
        </ul>
    </div>
</div>
<!-- 供应商系统介绍 -->

<!-- 技术支持 -->
<script>
    $(function(){
        //供应商系统介绍——点击查看更多
        $(".supplier-introduce-list li .txt a.up").on("click",function(){
            if($(this).hasClass('down')){
                $(this).removeClass('down').text('展开');
                $(this).parents('li').children('.subs').css('height',0);
            }else{
                $(this).addClass('down').text('收起');
                $(this).parents('li').children('.subs').css('height','auto');
            }
        });


        //支付订单数
        $("#orderNum").countUp({
            delay: 10,
            time: 500
        });
        //支付金额
        $("#payNum").countUp({
            delay: 10,
            time: 2000
        });
        //账户余额
        $("#accountNum").countUp({
            delay: 10,
            time: 2000
        });
    });

</script>
